<template>
    <view class="container">
        <!-- 顶部 -->
        <view style="width: 100%;height: 10%;margin-bottom: 32px;">
            <view>
                <image style="width: 80rpx;height:80rpx;margin-left: 50rpx;position: relative;top:95rpx;"
                    class="shrink-0 image_3" src="http://101.43.223.224:8765/image/getImageById?id=6756" />
            </view>
            <view class="div2">
                <view class="div2-2"
                    style="display: flex; align-items: center; justify-content: center;color: #636363;margin-top: 15rpx;">
                    <view style="float: left;">
                        <image style="width: 40rpx;height: 40rpx;margin-left: -90rpx;" alt="">
                        </image>
                    </view>
                    <view style="float: left; margin-left: 10rpx;letter-spacing: 2px;font-size: 28rpx;">
                        <text style="font-weight: bold;">追云健身俱乐部</text>
                    </view>
                </view>
            </view>
        </view>
        <!-- 中心 -->
        <view class="div1">

        </view>
        <view style="height: 8%;width: 100%;"></view>
        <!-- <view style="width: 100%;height: 8%;background-color: yellow;z-index: 999;">
			
		</view> -->
        <tabbar selected-index=0></tabbar>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                value: '',
                type: 'text',
                border: true,
                courseimgDate: [],
                recipeDate: [],
                articleDate: [],
                MemberuserDate: [],
                // values: 'orange',
                // src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
                // text: '无头像'
            }
        },
        created() {
        
        },
        methods: {}
    }
</script>

<style>
    .div8 {
        width: 9%;
        height: 100%;
        /* background-color: green; */
        float: left;
    }

    .div7 {
        width: 100%;
        height: 50%;
        /* background-color: red; */
    }

    .div6 {
        width: 100%;
        height: 50%;
        margin-top: 7%;
    }

    .div5 {
        width: 100%;
        height: 30%;
        /* background-color: yellow; */
    }

    .div4 {
        width: 100%;
        height: 70%;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
    }

    .hd {
        overflow-x: auto;
        display: -webkit-box;
        -webkit-overflow-scrolling: touch;
        margin: 0.5rem 0.5rem
    }

    .zx {
        /* overflow:auto; */
        /* display: -webkit-box; */
        -webkit-overflow-scrolling: touch;
        margin: 0.5rem 0.5rem
    }

    .div1 {
        width: 100%;
        height: 86%;
        background: rgba(255, 255, 255, 0.0);
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        overflow-y: auto;
        box-sizing: border-box;
        padding-top: 30px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .img1 {
        width: 100%;
        height: 100%;
    }

    /* 顶部样式 */
    .div2-2 {
        background-color: #F5F5F5;
        border-radius: 20px 20px;
        height: 70rpx;
        width: 60%;
        margin: 0 auto;
    }

    /* 顶部样式 */
    .div2-2 {
        background-color: #F5F5F5;
        border-radius: 20px 20px;
        height: 70rpx;
        width: 60%;
        margin: 0 auto;
    }
</style>